<template>
  <div class="demo15">
    <div v-for="(question,index) in list">
      <div class="border">
        这是题目:{{index+1}}{{question.qsTitle}}
        <div>
          {{question.qsContent}}
        </div>

      </div>
      <div v-for="(info,index1) in question.infos ">
        这是info {{index1+1}} {{info.infoContent}}
        <div v-for="(item,index2) in info.items">
          这是item{{index2+1}}{{item.itemContent}}
          <div v-for="(answer,index3) in item.answers">

            这是问题 {{index3+1}} {{answer.answerContent}}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import axios from 'axios'


  export default {
    name: 'demo15',
    components: {},
    props: {},
    data() {
      return {
        list: []
      };
    },
    mounted() {
      this.getData()
    },
    methods: {
      getData() {
        var l = console.log
        axios.get('/static/paper.json').then(res => {
          console.log(res.data);
          l(res.data[0].qsTitle)
          this.list = res.data
        })
      }
    },
    computed: {}
  };
</script>

<style scoped lang="less">
  .demo15 {
    .border {
      border: 1px solid red
    }
  }
</style>

